import { Column } from '@/components/pro-panel/index.typing';

const columns: Column[] = [
  {
    label: '样式',
    prop: 'backgroundStyle',
    type: 'select',
    options: [
      {
        label: '圆形',
        value: '1',
      },
      {
        label: '三角形',
        value: '2',
      },
      {
        label: '正方形',
        value: '3',
      },
    ],
    formProps: { placeholder: '圆形' },
  },
  {
    type: 'select',
    prop: 'heightKey',
    label: '尺寸',
    group: 'effect',
    options: [],
    span: 11,
  },
  {
    type: 'slot',
    prop: 'addIconSlot',
    label: ' ',
    group: 'effect',
    span: 2,
  },
  {
    type: 'input-number',
    prop: 'size',
    label: ' ',
    group: 'effect',
    span: 11,
    formProps: {
      controls: false,
    },
  },
  {
    label: '透明度',
    prop: 'alpha',
    type: 'progress-input',
    formProps: { min: 0, max: 2, step: 0.01 },
  },
  {
    label: '模型旋转',
    prop: 'alpha',
    type: 'progress-input',
    formProps: { min: 0, max: 2, step: 0.01 },
  },
  {
    label: '颜色叠加',
    prop: '',
    type: 'checkbox',
    options: [{ label: '颜色叠加', value: 1 }],
    span: 12,
  },
  {
    label: '  ',
    prop: 'borderColor1',
    type: 'color-picker',
    span: 12,
  },
  {
    label: '',
    prop: '垂直发光',
    type: 'checkbox',
    options: [{ label: '垂直发光', value: 1 }],
  },
  {
    type: 'checkbox',
    prop: '优先显示',
    label: '',
    group: 'effect',
    options: [{ label: '优先显示', value: 1 }],
  },
  {
    type: 'select',
    prop: 'fontShow',
    label: '文字显示',
    group: 'effect',
    options: [],
  },
  {
    type: 'progress-input',
    prop: 'fontSize',
    label: '文字大小',
    group: 'effect',
    formProps: {
      min: 0,
      max: 1,
      step: 0.01,
    },
  },
  {
    type: 'color-picker',
    prop: 'fontColor111',
    label: '文字颜色',
    group: 'effect',
  },
];

export default columns;
